The Adventure Begins

Howdy! Frise Guy here. Let's look at some simple text effects built-in to FRISE such as typed out text.

Typed out text is done using the <x-stage> tag. Its delay attribute controls how many milliseconds between letters drawn. If the contents of the <x-stage> </x-stage> tags are empty, then the delay value is used to delay the presentation of the rest of that section. For example, what follows is a delay of 2000ms.

Below is an example where the delay attribute has value click. This delays printing out the x-present element until after the x-stage's text is clicked. Below is an example.

Content waiting to be revealed.

FRISE also supports transition animations that are shown when you click a link or that are shown when you first enter a location.

Let's transition to some more example text effects.

Example Effects

This text pulses. By default the x-pulse tag only repeats once. Using the repeating class, it can be made to pulse forever.

Blurred Texted shows what it looks like for someone who needs glasses. Text with weak glasses might be mildly blurry. If you have really bad eyesight text might have a heavy blur. If you hover over or hold down your finger on some text, it might become unblurable.

Blinking text was very popular on the internet in the 1990s.

Mirrored text helps people who are reading your game in a sideview mirror and bats really like upside-down text. Text can also be mirrored vertically

Here are some random other text effects:

Outlined Text
Embossed Text
Condensed Text
Expanded Text
Rumbling Text
Shuddering Text

Finally, this location shows that style and class attributes placed on x-location tags affect how that location will be rendered. For this example, we use it to set a background image for this page. Be aware when debugging that if you use this, you will have to clear site data to see affects if you decide to change values for these attributes.

Toggle Frise Guy Display.

Go back to start of the game.